// Params
$top-bar-height: 60px;
$side-bar-width: 60px;
$main-content-padding: 30px;
$dashboard-padding: 20px;
$dashboard-widget-height: 324px;
$field-height: 36px;
$field-height-small: 20px;

// Brand
$color-main: #27446e;
$color-main-dark: #13274a;
$color-main-light: #00bceb;
$color-main-lighter: #1ad6ff;

// Greys
$color-grey: #aeb5bc;
$color-grey-off-white: #f9fcfe;
$color-grey-light: #dfe2e5;
$color-grey-lighter: #e8edf2;
$color-grey-black: #222529;
$color-grey-dark: #596068;
$color-grey-grid: #e4eaf1;

// Blues
$color-blue: #cfebfb;
$color-blue-light: #eef7fc;
$color-blue-lilac: #e6ebfc;

// Shadows
$color-shadow-main: #20264d;
$color-shadow-dark: #222b36;

// Background:
$color-background: #f5f5f5;

// Status
$color-error: #d0392a;
$color-error-dark: #771f16;
$color-error-light: #f1d8d5;
$color-success: #38cda0;
$color-warning: #f0ad42;
$color-warning-dark: #d48931;
$color-warning-low: #ead246;
$color-status-violet: #721bd5;
$color-status-blue: #30749e;
$color-status-yellow: #faefdb;

//Findings:
$color-findings-1: #2c5a9c;
$color-findings-2: #3984b6;
$color-findings-3: #52bae6;
$color-findings-4: #7fcfce;
$color-findings-5: #8dd7c9;

//dark background variations:
$color-main-dark-variation-dark: #5d677e;
$color-main-variation-dark: #6c7c97;
$color-findings-1-variation-dark: #718ab6;

//Gradients:
$color-gradient-green: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.7)
  ),
  linear-gradient(87.46deg, #38cda0 0%, #7ec6e4 102.96%);
$color-gradient-blue: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.7)
  ),
  linear-gradient(87.46deg, #3861cd 0%, #7ed8e4 102.96%);
$color-gradient-yellow: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.7)
  ),
  linear-gradient(87.46deg, #cd9a38 0%, #e4e07e 102.96%);

:export {
  color-main: $color-main;
  color-main-dark: $color-main-dark;
  color-main-light: $color-main-light;
  color-grey: $color-grey;
  color-grey-light: $color-grey-light;
  color-grey-lighter: $color-grey-lighter;
  color-grey-dark: $color-grey-dark;
  color-blue: $color-blue;
  color-blue-light: $color-blue-light;
  color-success: $color-success;
  color-error-dark: $color-error-dark;
  color-error: $color-error;
  color-warning: $color-warning;
  color-warning-low: $color-warning-low;
  color-status-blue: $color-status-blue;
  color-grey-black: $color-grey-black;
  color-findings-1: $color-findings-1;
  color-findings-2: $color-findings-2;
  color-findings-3: $color-findings-3;
  color-findings-4: $color-findings-4;
  color-findings-5: $color-findings-5;
  color-gradient-green: $color-gradient-green;
  color-gradient-blue: $color-gradient-blue;
  color-gradient-yellow: $color-gradient-yellow;
  color-main-dark-variation-dark: $color-main-dark-variation-dark;
  color-main-variation-dark: $color-main-variation-dark;
  color-findings-1-variation-dark: $color-findings-1-variation-dark;
}
